{% extends "base.html" %}
{% load app%}
{% block content %}
<div class="flow-steps buy-process-nav">
	<ol class="num4">
		<li class="current"><strong class="first">1. 确认订单信息</strong></li>
		<li><span>2. 付款到支付宝</span></li>
		<li><span>3. 确认收货</span></li>
		<li class="last"><span>4. 双方互评</span></li>
	</ol>
</div>

<div id="buy-process-content">
	<div id="good-info" class="box">
		<span class="rc-tp"><span></span></span>
		<div class="hd"><h3><em>宝贝信息</em></h3></div>
		<div class="bd">
			<div class="good-pic-box">
				<a title="宝贝详情" href="" target="_blank">
					<img alt="宝贝图片" src="{{MEDIA_URL}}{{card.img}}" id="good-pic"/>
				</a>
			</div>
			<ul>
				<li>
					<label>宝贝名称：</label>
					<span class="name"><a href="" target="_blank">{{card.name}}</a></span>
				</li>
				<li class="J_PromoCombo" data-order="5455900244:0">
					<label>宝贝单价：</label>
					<span class="priceText">{{card.price}}</span> 元
				</li>
				<li>
					<label>付款方式：</label>
					<span style="color:#FF5500">支付宝</span><a href="http://www.alipay.com/" target="_blank"><img src="http://img06.taobaocdn.com/tps/i6/T1RUVmXmNrXXXXXXXX-16-16.gif" width="16" height="16" align="absmiddle" alt="该商品支持支付宝" border="0"></a> 
				</li>
			</ul>
		</div>
	<span class="rc-bt"><span></span></span>
	</div>	    
	<div id="confirm-info">
        <form name="mainform"  action="" method="post">
           <div id="J_Address" class="order-box"></div>            	
           <div class="order-box">
    		<div class="hd"><h3><em>确认购买信息</em></h3></div>
    		<div class="bd">
			<table id="trade-info">
			<tbody>
				 {{form}}
			</tbody>
   	 		</table>
           	</div>
   		</div>
		<input id = "performSubmit" type="image" name="Submit" src="http://img05.taobaocdn.com/tps/i5/T1K.NmXgXEXXXXXXXX-139-30.gif" hidefocus="true" class="_hook_confirmSubmitBtn confirm-submit-btn J_MakePoint" data-point-url="http://www.atpanel.com/jsclick?cache=*&fastbuy=confirm" alt="确认无误，购买"/>
	</form>
	</div>
</div>
{% endblock %}